
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>Here is a website which describes the Fractal.</title>
    <!-- web fonts -->
    
    <!-- Template CSS -->
    <link rel="stylesheet" href="../css/style-starter.css">
  </head>
  <body>

<section class="w3l-bootstrap-header">
  <nav class="navbar navbar-expand-lg navbar-light py-lg-3 py-2">
    <div class="container">
      <a class="navbar-brand" href="../index.html"> My Website</a>
      <!-- if logo is image enable this   
    <a class="navbar-brand" href="#index.html">
        <img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
    </a> -->
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon fa fa-bars"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item">
            <a class="nav-link" href="../index.html">Home</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="Mandelbrot.html">Mandelbrot Set</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="Butterfly.html">Butterfly Effect</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="Logistic.html">Logistic Map</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="Memes.html">Memes</a>
          </li>
        </ul>
        
      </div>
    </div>
  </nav>
</section>
<section class="w3l-about-breadcrum">
  <div class="breadcrum-bg">
    <div class="container py-5">
      <p><a href="../index.html">Home</a> &nbsp; / &nbsp; Mandelbrot Set</p>
     </div>
  </div>
</section>
<!-- w3l-content-photo-5 -->
<div class="w3l-content-photo-5 py-5" id="about">
	<div class="content-main pt-lg-5 pt-md-3 pb-0">
		<div class="container">
			<div class="row">
				<div class="col-lg-5 content-photo">
					<a href="#"><img src="../images/Mandelbrot.jpg" class="img-fluid" alt="content-photo"></a>
				</div>
				<div class="col-lg-7 content-left mt-lg-0 mt-5 pl-lg-5">
					<h3>God's Fingerprint</h3>
					<p class="mb-0">The Mandelbrot set is the set of complex numbers c for which the function f(z)=z^2+c does not diverge when iterated from z=0, i.e., for which the sequence f(0), f(f(0)), etc., remains bounded in absolute value. Its definition is credited to Adrien Douady who named it in tribute to the mathematician Benoit Mandelbrot, a pioneer of fractal geometry.
</p>
					<a href="https://en.wikipedia.org/wiki/Mandelbrot_set" class="btn-theme2 btn mt-lg-5 mt-4">Read More On The Wikipedia</a>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- //w3l-content-photo-5 -->
<!-- home page service grids -->
<section id="services-1" class="bg-light py-5">
  <div class="container py-lg-3">
    <div class="heading text-center mx-auto">
      <h3 class="head">A Brief Introduction About It</h3>
      <p class="my-3 head"> Images of the Mandelbrot set exhibit an elaborate and infinitely complicated boundary that reveals progressively ever-finer recursive detail at increasing magnifications, making the boundary of the Mandelbrot set a fractal curve. The "style" of this repeating detail depends on the region of the set being examined. 
      The Mandelbrot set has become popular outside mathematics both for its aesthetic appeal and as an example of a complex structure arising from the application of simple rules. It is one of the best-known examples of mathematical visualization and mathematical beauty and motif.</p>
        
      </div>
    <div class="row mt-lg-5">
      <div class="col-lg-4 col-md-6 col-sm-12">
        <div class="box-wrap">
          <div class="icon">
          </div>
          <h4>First Drawn in 1978</a></h4>
          <p> by Robert W. Brooks and Peter Matelski(But its visualization of the set first was seen in 1980 by computer.)</p>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-sm-12">
        <div class="box-wrap">
          <div class="icon">
          </div>
          <h4>Introduced To Audience</a></h4>
          <p>by Scientific American in 1985 even including the algorithm for computing this set</p>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-sm-12">
        <div class="box-wrap">
          <div class="icon">
          </div>
          <h4>A Centerpiece in Math.</a></h4>
          <p>Including Mikhail Lyubich, Curt McMullen and John Milnor who have contributed to the understanding of it</p>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- //home page service grids -->
<section class="services-12" id="experience">
  <div class="form-12-content">
    <div class="container">
    </div>
    </div>
  </div>
</section>
<!-- specifications -->

<section class="w3l-subscribe" id="subscribe">
  <div class="main-host py-5 text-center">
    <div class="container py-lg-3">
      <div class="grids-forms">
        
        <div class="main-midd">
          <h4>The Introduction is Over.</a></h4>
                     
          <h4>Please Check Out the Other Pages.</a></h4>
        </div>
        <div class="main-midd-2">
        </div>
      </div>
    </div>
  </div>
</section>
 
 <!-- grids block 5 -->
 
   <!-- move top -->
  <button onclick="topFunction()" id="movetop" title="Go to top">
              <span class="fa fa-angle-up"></span>
                 </button>
                 <script>
                     // When the user scrolls down 20px from the top of the document, show the button
                     window.onscroll = function () {
                         scrollFunction()
                     };
              
                     function scrollFunction() {
                         if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                             document.getElementById("movetop").style.display = "block";
                         } else {
                             document.getElementById("movetop").style.display = "none";
                         }
                     }
              
                     // When the user clicks on the button, scroll to the top of the document
                     function topFunction() {
                         document.body.scrollTop = 0;
                         document.documentElement.scrollTop = 0;
                     }
                 </script>
                 <!-- /move top -->
</section>
<!-- // grids block 5 -->
<script src="../js/jquery-3.3.1.min.js"></script>
<!-- //footer-28 block -->
</section>

<script>
    $(function () {
      $('.navbar-toggler').click(function () {
        $('body').toggleClass('noscroll');
      })
    });
  </script>
  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
 
<!-- Smooth scrolling -->



</body>

</html>
<!-- // grids block 5 -->

